<!DOCTYPE html>
<html lang="zh">
<head>
  <title>按钮的大小和样式</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
  <link rel="stylesheet" href="../../lib/ionic/css/ionic.min.css">
</head>
<body>
<ul>
  <li class="item">
    <a class="button button-royal button-block">button-block</a>
  </li>
  <li class="item">
    <a class="button button-royal button-full">button-full</a>
  </li>
  <li class="item">
    <a class="button button-royal button-large">button-large</a>
  </li>
  <li class="item">
    <a class="button button-royal button-small">button-small</a>
  </li>
</ul>
</body>
</html>
